<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>个人中心</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/user.css">
        <!-- <link rel="stylesheet" href="http://at.alicdn.com/t/font_2367458_ffhlbo7i20t.css"> -->
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_2367458_0c0z3dmzrfz8.css">
    </head>
    <body>
        <header>
            <div class="wrapper">
                <div class="haier-logo">
                    <a href="index.html"><img src="assets/images/haier2020_logo.png" alt=""></a>
                </div>
                <ul class="clear">
                    <li>
                        智能家庭
                        <ul class="hidbox">
                            <li>
                                <a href="">智慧首页</a>
                            </li>
                            <li>
                                <a href="">智慧方案</a>
                            </li>
                            <li>
                                <a href="">智慧家电</a>
                            </li>
                            <li>
                                <a href="">生活资讯</a>
                            </li>
                            <li>
                                <a href="">智慧体验店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        个人与家用产品
                        <ul class="hidbox">
                            <li>
                                <a href="">智慧首页</a>
                            </li>
                            <li>
                                <a href="">智慧方案</a>
                            </li>
                            <li>
                                <a href="">智慧家电</a>
                            </li>
                            <li>
                                <a href="">生活资讯</a>
                            </li>
                            <li>
                                <a href="">智慧体验店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        商用解决方案
                        <ul class="hidbox">
                            <li>
                                <a href="">智慧首页</a>
                            </li>
                            <li>
                                <a href="">智慧方案</a>
                            </li>
                            <li>
                                <a href="">智慧家电</a>
                            </li>
                            <li>
                                <a href="">生活资讯</a>
                            </li>
                            <li>
                                <a href="">智慧体验店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        购买与服务
                        <ul class="hidbox">
                            <li>
                                <a href="aftersale.html">服务支持</a>
                            </li>
                            <li>
                                <a href="">智慧方案</a>
                            </li>
                            <li>
                                <a href="">智慧家电</a>
                            </li>
                            <li>
                                <a href="">生活资讯</a>
                            </li>
                            <li>
                                <a href="">智慧体验店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        关于海尔
                        <ul class="hidbox">
                            <li>
                                <a href="">智慧首页</a>
                            </li>
                            <li>
                                <a href="">智慧方案</a>
                            </li>
                            <li>
                                <a href="">智慧家电</a>
                            </li>
                            <li>
                                <a href="">生活资讯</a>
                            </li>
                            <li>
                                <a href="">智慧体验店</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="search-box">
                        <div class="search-item">
                            <i class="iconfont icon-fangdajing"></i>
                            <input type="text" placeholder="找点什么... ">
                        </div>
                        <a href="#"><i class="iconfont icon-gouwuche"></i></a>
                        <a href="sign.html"><i class="iconfont icon-yonghu-user"></i></a>
                </div> 
            </div>
    </header>

        <section class="userall clear">
            <div class="user clear">
                <div class="user-l fl">
                        <div class="title">
                            <span>个人</span>
                        </div>
                        <ul>
                            <li>个人中心</li>
                            <li>我的海贝</li>
                            <li>我的会员特权</li>
                            <li>
                                我的优惠券
                                <span>0</span>
                                <span>新</span>
                            </li>
                            <li>
                                我的消息
                                <span>0</span>
                            </li>
                            <li>
                                我的财富
                                <span>新</span>
                            </li>
                        </ul>

                        <div class="title">
                            <span>产品</span>
                        </div>
                        <ul>
                            <li>收藏与订阅</li>
                            <li>售后服务</li>
                        </ul>
                        
                        <div class="title">
                            <span>订单</span>
                        </div>
                        <ul>
                            <li>生态商城订单</li>
                            <li>净水商城订单</li>
                            <li>海贝商城订单</li>
                            <li>社区试用订单</li>
                        </ul>

                        <div class="title">
                            <span>账号</span>
                        </div>
                        <ul>
                            <li>账号管理</li>
                            <li>地址管理</li>
                        </ul>

                        <div class="title">
                            <span>我的推广</span>
                        </div>
                        <ul>
                            <li>邀请好友</li>
                            <li>推广成果</li>
                        </ul>

                        <div class="title">
                            <span>相关</span>
                        </div>
                        <ul>
                            <li>社区个人中心</li>
                            <li>会员梦享+</li>
                            <li>帮助中心</li>
                            <li>隐私政策</li>
                        </ul>
                </div>
                
                <div class="user-rwrapper fl">
                    <div class="user-r">
                        <div class="info">
                            <div class="head">
                                <img src="assets/images/ui_po09_big.png" alt="">
                            </div>
                            <div class="text">
                                <div class="text-top">
                                    <span>spicyfish2</span>
                                    <span>粉丝</span>
                                </div>
                                <div class="text-bottom">
                                    <div class="classify">
                                        <p>
                                            <span>1</span>
                                        </p>
                                        <span>社区等级</span>
                                    </div>
                                    <div class="classify">
                                        <p>0</p>
                                        <span>海贝数量</span>
                                    </div>
                                    <div class="classify">
                                        <p>0</p>
                                        <span>已领优惠券</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="acc">
                            <div class="acc-box">
                                <div class="acc-level">
                                    <img src="assets/images/normal_icon.png" alt="">
                                    <div class="level-att">
                                        <p>账号安全等级：</p>
                                        <div class="line">
                                            <div class="yellow-line">
    
                                            </div>
                                        </div>
                                        <span>普通</span>
                                        <span>立即提升</span><i>></i>
                                    </div>
                                </div>
    
                                <div class="bind">
                                    <span>
                                        <i class="iconfont icon-lvgou lv"></i>
                                        绑定手机
                                    </span>
                                    <span>
                                        <i class="iconfont icon-status6 yx"></i>
                                        绑定邮箱
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="vip">
                        <div class="pri">
                            <p>海尔会员特权</p>
                            <p><a href="">查看全部</a></p>
                        </div>
    
                        <div class="pri-box">
                            <div class="pri-detail">
                                <img src="assets/images/djq.png" alt="">
                                <div class="pri-text">
                                    <p>商城代金券</p>
                                    <span>
                                        海尔商城代金券积分兑，买家电抵现金
                                    </span>
                                </div>
                            </div>
                            <div class="pri-detail">
                                <img src="assets/images/djq.png" alt="">
                                <div class="pri-text">
                                    <p>商城代金券</p>
                                    <span>
                                        海尔商城代金券积分兑，买家电抵现金
                                    </span>
                                </div>
                            </div>
                            <div class="pri-detail">
                                <img src="assets/images/djq.png" alt="">
                                <div class="pri-text">
                                    <p>商城代金券</p>
                                    <span>
                                        海尔商城代金券积分兑，买家电抵现金
                                    </span>
                                </div>
                            </div>
                        </div>
                        
                    </div>

                    <div class="classifyy">
                        <div class="like">
                            <div class="title">
                                <span>猜你喜欢</span>
                                <a href="">换一换</a>
                            </div>
                            <div class="like-box">
                                <a href=""><img src="assets/images/saoba.png" alt=""></a>
                                <p>【1月❤品质生活专场试用】多功...</p>
                                <i>2443</i><span>已参与</span>
                            </div>
                        </div>
                        <div class="like">
                            <div class="title">
                                <span>家电保养知识</span>
                                <a href="">全部<i>></i></a>
                            </div>
                            <div class="like-box">
                                <!-- <a href=""><img src="assets/images/saoba.png" alt=""></a> -->
                                <!-- <p>【1月❤品质生活专场试用】多功...</p> -->
                                <!-- <i>2443</i><span>已参与</span> -->
                                <p>
                                    家电保养服务
                                </p>
                                <p>
                                    专业的家电保养不仅能够延长家电的使用寿命，而且还能让家人更加健康的使用产品。
                                </p>
                                <a href="">
                                    <p>
                                        了解家电保养服务<i>></i>
                                    </p>
                                </a>
                            </div>
                        </div>
                        <div class="like">
                            <div class="title">
                                <span>积分兑换</span>
                                <a href="">全部<i>></i></a>
                            </div>
                            <div class="like-box">
                                <!-- <a href=""><img src="assets/images/saoba.png" alt=""></a>
                                <p>【1月❤品质生活专场试用】多功...</p>
                                <i>2443</i><span>已参与</span> -->
                                <p>暂无数据</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <div class="ft-wrapper">
                <div class="ft-list">
                    <ul>
                        <li>智慧家庭</li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                    </ul>
                    <ul>
                        <li>个人与家用产品</li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                    </ul>
                    <ul>
                        <li>商用解决方案</li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                    </ul>
                    <ul>
                        <li>购买与服务</li>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品导购</a></li>
                    </ul>
                    <ul>
                        <li>关于海尔</li>
                        <li><a href="">海尔品牌</a></li>
                        <li><a href="">海尔品牌</a></li>
                        <li><a href="">海尔品牌</a></li>
                    </ul>
                    <ul>
                        <li>友情链接</li>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">智慧生活体验馆</a></li>
                    </ul>
                </div>

                <div class="ft-bottom">
                    <div class="b-left">
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                    </div>
                    <div class="b-middle">
                        <a href="">
                            鲁ICP备09096283号-1
                        </a>
                        <span>
                            |
                        </span>
                        <span>
                            © 2000-2021 Haier.com. All rights reserved.
                        </span>
                    </div>
                    <div class="b-right">
                        <span>
                            Haier 全球网站群 · 中国
                        </span>
                        <span>
                            关注海尔
                        </span>
                        <i class="iconfont icon-weixin"></i>
                    </div>
                </div>
            </div>
        </footer>
    </body>
</html>